
$yh:"Microsoft yahei";
$base_bg:#fff;
$base_color:#ff5f16;


@import "animate.css";
@import "mobile.scss";
@import "common.scss";
@import "fonts/iconfont.css";


html,body,.layout,#root,.main{
    width:100%;
    height:100%;
    background: $base_bg;
}
.child-box{
    
    box-sizing: border-box;
}

.subchild{
    padding-top:46px;
    box-sizing: border-box;
}


.ripple {
    position: absolute;
    /* background: rgba(0, 0, 0, .15); */
    border-radius: 100%;
    transform: scale(0);
    pointer-events: none;
}

.ripple.show {
    animation: ripple 2s ease-out;
}

@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}